<!DOCTYPE html>
<html>

	<head>
		<meta charset=utf-8 />
		<title>videojs-contrib-hls embed</title>

		<!--

  Uses the latest versions of video.js and videojs-contrib-hls.

  To use specific versions, please change the URLs to the form:

  <link href="https://unpkg.com/video.js@5.16.0/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js@5.16.0/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls@4.1.1/dist/videojs-contrib-hls.js"></script>

  -->

		<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
		<script src="https://unpkg.com/video.js/dist/video.js"></script>
		<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

	</head>

	<body>
		<h1>hls</h1>

		<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'>
			<source src="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL">
		</video>
		<video id="my_video_2" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" data-setup='{}'>
			<source src="http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8" type="application/x-mpegURL">
			<!--http://d2zihajmogu5jn.cloudfront.net/bipbop-advanced/bipbop_16x9_variant.m3u8-->
			<!--http://10.221.100.56/hls/10.221.100.53/live/playlist.m3u8-->
		</video>

		<script>
			/*  	var player1 = videojs('my_video_2');

					player1.src({
					  src: 'http://10.221.100.56/hls/playlist.m3u8',
					  type: 'application/x-mpegURL',
					  withCredentials: true
					});*/
		</script>

	</body>

</html>